<template>
	<div class="diy_edit page_resume_delivery" id="resume_delivery_edit">
		<div class='warp'>
			<div class='container'>
				<div class='row diy_edit_content_box'>
					<div v-if="$check_field('set', 'enterprise_user') || $check_field('add', 'enterprise_user') || $check_field('get', 'enterprise_user')"
						class="form-item col-12 col-md-6">
						<div class="diy_title">
							<span>
								企业用户:
							</span>
						</div>
						<div class="diy_field diy_down">
							<select id="form_enterprise_user" :disabled="disabledObj['enterprise_user_isDisabled']"
								v-model="form['enterprise_user']"
								v-if="(form['enterprise_user'] && $check_field('set', 'enterprise_user')) || (!form['enterprise_user'] && $check_field('add', 'enterprise_user'))">
								<option v-for="o in list_user_enterprise_user" :value="o['user_id']">
									{{ o['nickname'] + '-' + o['username'] }}
								</option>
							</select>
							<span v-else-if="$check_field('get', 'enterprise_user')">{{ get_user_info("enterprise_user",
								form['enterprise_user']) }}</span>
						</div>
					</div>
					<div v-if="$check_field('set', 'name_of_enterprise') || $check_field('add', 'name_of_enterprise') || $check_field('get', 'name_of_enterprise')"
						class="form-item col-12 col-md-6">
						<div class="diy_title">
							<span>
								企业名称:
							</span>
						</div>
						<!-- 文本 -->
						<div class="diy_field diy_text">
							<input type="text" id="form_name_of_enterprise" v-model="form['name_of_enterprise']"
								placeholder="请输入企业名称"
								v-if="(form['name_of_enterprise'] && $check_field('set', 'name_of_enterprise')) || (!form['name_of_enterprise'] && $check_field('add', 'name_of_enterprise'))"
								:disabled="disabledObj['name_of_enterprise_isDisabled']" />
							<span v-else-if="$check_field('get', 'name_of_enterprise')">{{ form['name_of_enterprise']
							}}</span>
						</div>
					</div>
					<div v-if="$check_field('set', 'type_of_enterprise') || $check_field('add', 'type_of_enterprise') || $check_field('get', 'type_of_enterprise')"
						class="form-item col-12 col-md-6">
						<div class="diy_title">
							<span>
								企业类型:
							</span>
						</div>
						<!-- 文本 -->
						<div class="diy_field diy_text">
							<input type="text" id="form_type_of_enterprise" v-model="form['type_of_enterprise']"
								placeholder="请输入企业类型"
								v-if="(form['type_of_enterprise'] && $check_field('set', 'type_of_enterprise')) || (!form['type_of_enterprise'] && $check_field('add', 'type_of_enterprise'))"
								:disabled="disabledObj['type_of_enterprise_isDisabled']" />
							<span v-else-if="$check_field('get', 'type_of_enterprise')">{{ form['type_of_enterprise']
							}}</span>
						</div>
					</div>
					<div v-if="$check_field('set', 'enterprise_address') || $check_field('add', 'enterprise_address') || $check_field('get', 'enterprise_address')"
						class="form-item col-12 col-md-6">
						<div class="diy_title">
							<span>
								企业地址:
							</span>
						</div>
						<!-- 文本 -->
						<div class="diy_field diy_text">
							<input type="text" id="form_enterprise_address" v-model="form['enterprise_address']"
								placeholder="请输入企业地址"
								v-if="(form['enterprise_address'] && $check_field('set', 'enterprise_address')) || (!form['enterprise_address'] && $check_field('add', 'enterprise_address'))"
								:disabled="disabledObj['enterprise_address_isDisabled']" />
							<span v-else-if="$check_field('get', 'enterprise_address')">{{ form['enterprise_address']
							}}</span>
						</div>
					</div>
					<div v-if="$check_field('set', 'title_of_recruitment') || $check_field('add', 'title_of_recruitment') || $check_field('get', 'title_of_recruitment')"
						class="form-item col-12 col-md-6">
						<div class="diy_title">
							<span>
								招聘标题:
							</span>
						</div>
						<!-- 文本 -->
						<div class="diy_field diy_text">
							<input type="text" id="form_title_of_recruitment" v-model="form['title_of_recruitment']"
								placeholder="请输入招聘标题"
								v-if="(form['title_of_recruitment'] && $check_field('set', 'title_of_recruitment')) || (!form['title_of_recruitment'] && $check_field('add', 'title_of_recruitment'))"
								:disabled="disabledObj['title_of_recruitment_isDisabled']" />
							<span v-else-if="$check_field('get', 'title_of_recruitment')">{{
								form['title_of_recruitment']
							}}</span>
						</div>
					</div>
					<div v-if="$check_field('set', 'post_classification') || $check_field('add', 'post_classification') || $check_field('get', 'post_classification')"
						class="form-item col-12 col-md-6">
						<div class="diy_title">
							<span>
								岗位分类:
							</span>
						</div>
						<!-- 文本 -->
						<div class="diy_field diy_text">
							<input type="text" id="form_post_classification" v-model="form['post_classification']"
								placeholder="请输入岗位分类"
								v-if="(form['post_classification'] && $check_field('set', 'post_classification')) || (!form['post_classification'] && $check_field('add', 'post_classification'))"
								:disabled="disabledObj['post_classification_isDisabled']" />
							<span v-else-if="$check_field('get', 'post_classification')">{{ form['post_classification']
							}}</span>
						</div>
					</div>
					<div v-if="$check_field('set', 'recruitment_salary') || $check_field('add', 'recruitment_salary') || $check_field('get', 'recruitment_salary')"
						class="form-item col-12 col-md-6">
						<div class="diy_title">
							<span>
								招聘薪资:
							</span>
						</div>
						<!-- 文本 -->
						<div class="diy_field diy_text">
							<input type="text" id="form_recruitment_salary" v-model="form['recruitment_salary']"
								placeholder="请输入招聘薪资"
								v-if="(form['recruitment_salary'] && $check_field('set', 'recruitment_salary')) || (!form['recruitment_salary'] && $check_field('add', 'recruitment_salary'))"
								:disabled="disabledObj['recruitment_salary_isDisabled']" />
							<span v-else-if="$check_field('get', 'recruitment_salary')">{{ form['recruitment_salary']
							}}</span>
						</div>
					</div>
					<div v-if="$check_field('set', 'recruitment_requirements') || $check_field('add', 'recruitment_requirements') || $check_field('get', 'recruitment_requirements')"
						class="form-item col-12 col-md-6">
						<div class="diy_title">
							<span>
								招聘要求:
							</span>
						</div>
						<!-- 文本 -->
						<div class="diy_field diy_text">
							<input type="text" id="form_recruitment_requirements"
								v-model="form['recruitment_requirements']" placeholder="请输入招聘要求"
								v-if="(form['recruitment_requirements'] && $check_field('set', 'recruitment_requirements')) || (!form['recruitment_requirements'] && $check_field('add', 'recruitment_requirements'))"
								:disabled="disabledObj['recruitment_requirements_isDisabled']" />
							<span v-else-if="$check_field('get', 'recruitment_requirements')">{{
								form['recruitment_requirements'] }}</span>
						</div>
					</div>
					<div v-if="$check_field('set', 'ordinary_user') || $check_field('add', 'ordinary_user') || $check_field('get', 'ordinary_user')"
						class="form-item col-12 col-md-6">
						<div class="diy_title">
							<span>
								普通用户:
							</span>
						</div>
						<div class="diy_field diy_down">
							<select id="form_ordinary_user" :disabled="disabledObj['ordinary_user_isDisabled']"
								v-model="form['ordinary_user']"
								v-if="(form['ordinary_user'] && $check_field('set', 'ordinary_user')) || (!form['ordinary_user'] && $check_field('add', 'ordinary_user'))">
								<option v-for="o in list_user_ordinary_user" :value="o['user_id']">
									{{ o['nickname'] + '-' + o['username'] }}
								</option>
							</select>
							<span v-else-if="$check_field('get', 'ordinary_user')">{{ get_user_info("ordinary_user",
								form['ordinary_user']) }}</span>
						</div>
					</div>
					<div v-if="$check_field('set', 'user_name') || $check_field('add', 'user_name') || $check_field('get', 'user_name')"
						class="form-item col-12 col-md-6">
						<div class="diy_title">
							<span>
								用户姓名:
							</span>
						</div>
						<!-- 文本 -->
						<div class="diy_field diy_text">
							<input type="text" id="form_user_name" v-model="form['user_name']" placeholder="请输入用户姓名"
								v-if="(form['user_name'] && $check_field('set', 'user_name')) || (!form['user_name'] && $check_field('add', 'user_name'))"
								:disabled="disabledObj['user_name_isDisabled']" />
							<span v-else-if="$check_field('get', 'user_name')">{{ form['user_name'] }}</span>
						</div>
					</div>
					<div v-if="$check_field('set', 'name_of_college') || $check_field('add', 'name_of_college') || $check_field('get', 'name_of_college')"
						class="form-item col-12 col-md-6">
						<div class="diy_title">
							<span>
								学院名称:
							</span>
						</div>
						<!-- 文本 -->
						<div class="diy_field diy_text">
							<input type="text" id="form_name_of_college" v-model="form['name_of_college']"
								placeholder="请输入学院名称"
								v-if="(form['name_of_college'] && $check_field('set', 'name_of_college')) || (!form['name_of_college'] && $check_field('add', 'name_of_college'))"
								:disabled="disabledObj['name_of_college_isDisabled']" />
							<span v-else-if="$check_field('get', 'name_of_college')">{{ form['name_of_college']
							}}</span>
						</div>
					</div>
					<div v-if="$check_field('set', 'professional_name') || $check_field('add', 'professional_name') || $check_field('get', 'professional_name')"
						class="form-item col-12 col-md-6">
						<div class="diy_title">
							<span>
								专业名称:
							</span>
						</div>
						<!-- 文本 -->
						<div class="diy_field diy_text">
							<input type="text" id="form_professional_name" v-model="form['professional_name']"
								placeholder="请输入专业名称"
								v-if="(form['professional_name'] && $check_field('set', 'professional_name')) || (!form['professional_name'] && $check_field('add', 'professional_name'))"
								:disabled="disabledObj['professional_name_isDisabled']" />
							<span v-else-if="$check_field('get', 'professional_name')">{{ form['professional_name']
							}}</span>
						</div>
					</div>
					<div v-if="$check_field('set', 'class_name') || $check_field('add', 'class_name') || $check_field('get', 'class_name')"
						class="form-item col-12 col-md-6">
						<div class="diy_title">
							<span>
								班级名称:
							</span>
						</div>
						<!-- 文本 -->
						<div class="diy_field diy_text">
							<input type="text" id="form_class_name" v-model="form['class_name']" placeholder="请输入班级名称"
								v-if="(form['class_name'] && $check_field('set', 'class_name')) || (!form['class_name'] && $check_field('add', 'class_name'))"
								:disabled="disabledObj['class_name_isDisabled']" />
							<span v-else-if="$check_field('get', 'class_name')">{{ form['class_name'] }}</span>
						</div>
					</div>
					<div v-if="$check_field('set', 'delivery_time') || $check_field('add', 'delivery_time') || $check_field('get', 'delivery_time')"
						class="form-item col-12 col-md-6">
						<div class="diy_title">
							<span>
								投递时间:
							</span>
						</div>
						<!-- 日长 -->
						<div class="diy_field diy_datetime">
							<input type="datetime-local" :disabled="disabledObj['delivery_time_isDisabled']"
								id="form_delivery_time" v-model="form['delivery_time']" placeholder="请输入投递时间"
								v-if="(form['delivery_time'] && $check_field('set', 'delivery_time')) || (!form['delivery_time'] && $check_field('add', 'delivery_time'))" />
							<span v-else-if="$check_field('get', 'delivery_time')">{{ form['delivery_time'] }}</span>
						</div>
					</div>
					<div v-if="$check_field('set', 'send_resume') || $check_field('add', 'send_resume') || $check_field('get', 'send_resume')"
						class="form-item col-12 col-md-6">
						<div class="diy_title">
							<span>
								投递简历:
							</span>
						</div>
						<!-- Element UI文件上传组件 -->
						<div class="diy_field"
							v-if="(form['send_resume'] && $check_field('set', 'send_resume')) || (!form['send_resume'] && $check_field('add', 'send_resume'))">
							<el-upload class="upload-demo" action="#" :http-request="handleCustomUpload"
								:on-remove="handleResumeRemove" :before-upload="beforeResumeUpload"
								:file-list="resumeFiles" :limit="1" :disabled="disabledObj['send_resume_isDisabled']">
								<el-button size="small" type="primary">选择文件</el-button>
								<div slot="tip" class="el-upload__tip">只能上传PDF/DOC/DOCX文件，且不超过10MB</div>
							</el-upload>
						</div>

						<!-- 查询权限 -->
						<div class="diy_field diy_img" v-else-if="$check_field('get', 'send_resume')">
							<a v-if="form['send_resume']" :href="$fullUrl(form['send_resume'])" target="_blank"
								style="color: rgb(64, 158, 255);">点击下载</a>
							<span v-else>暂无简历</span>
						</div>
					</div>
					<div v-if="$check_field('set', 'delivery_notes') || $check_field('add', 'delivery_notes') || $check_field('get', 'delivery_notes')"
						class="form-item col-12 col-md-6">
						<div class="diy_title">
							<span>
								投递备注:
							</span>
						</div>
						<!-- 文本 -->
						<div class="diy_field diy_text">
							<input type="text" id="form_delivery_notes" v-model="form['delivery_notes']"
								placeholder="请输入投递备注"
								v-if="(form['delivery_notes'] && $check_field('set', 'delivery_notes')) || (!form['delivery_notes'] && $check_field('add', 'delivery_notes'))"
								:disabled="disabledObj['delivery_notes_isDisabled']" />
							<span v-else-if="$check_field('get', 'delivery_notes')">{{ form['delivery_notes'] }}</span>
						</div>
					</div>



					<div v-if="$check_examine()" class="form-item col-12 col-md-6">
						<div class="diy_title">
							<span>
								审核状态:
							</span>
						</div>
						<div class="diy_field diy_select" v-if="$check_action('/resume_delivery/edit', 'examine')">
							<!--<span> {{ form['examine_state'] }} </span>-->
							<select v-model="form['examine_state']">
								<option value="未审核">
									未审核
								</option>
								<option value="已通过">
									已通过
								</option>
								<option value="未通过">
									未通过
								</option>
							</select>
						</div>
						<div class="diy_field diy_text" v-else>
							<span>
								{{ form['examine_state'] }}
							</span>
						</div>
					</div>
					<div v-if="$check_examine()" class="form-item col-12 col-md-6">
						<div class="diy_title">
							<span>
								审核回复:
							</span>
						</div>
						<div class="diy_field diy_desc" v-if="$check_action('/resume_delivery/edit', 'examine')">
							<textarea v-model="form['examine_reply']"></textarea>
						</div>
						<div class="diy_field diy_text" v-else>
							<span>
								{{ form['examine_reply'] }}
							</span>
						</div>
					</div>


				</div>
				<div class="diy_edit_submit_box row">
					<div class="col-12">
						<div class="btn_box">
							<button class="btn_submit" @click="submit()">提交</button>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</template>

<script>
import mixin from "@/mixins/page.js";
export default {
	mixins: [mixin],
	components: {},
	data() {
		return {
			url_get_obj: "~/api/resume_delivery/get_obj?",
			url_add: "~/api/resume_delivery/add?",
			url_set: "~/api/resume_delivery/set?",
			url_upload: "~/api/upload?",  // 使用通用的文件上传接口

			// 登录权限
			oauth: {
				"signIn": true,
				"user_group": []
			},

			// 查询条件
			query: {
				"enterprise_user": 0,
				"name_of_enterprise": "",
				"type_of_enterprise": "",
				"enterprise_address": "",
				"title_of_recruitment": "",
				"post_classification": "",
				"recruitment_salary": "",
				"recruitment_requirements": "",
				"ordinary_user": 0,
				"user_name": "",
				"name_of_college": "",
				"professional_name": "",
				"class_name": "",
				"delivery_time": "",
				"send_resume": "",
				"delivery_notes": "",
				"resume_delivery_id": 0,
			},

			obj: {
				"enterprise_user": 0, // 企业用户
				"name_of_enterprise": '', // 企业名称
				"type_of_enterprise": '', // 企业类型
				"enterprise_address": '', // 企业地址
				"title_of_recruitment": '', // 招聘标题
				"post_classification": '', // 岗位分类
				"recruitment_salary": '', // 招聘薪资
				"recruitment_requirements": '', // 招聘要求
				"ordinary_user": 0, // 普通用户
				"user_name": '', // 用户姓名
				"name_of_college": '', // 学院名称
				"professional_name": '', // 专业名称
				"class_name": '', // 班级名称
				"delivery_time": new Date().getTime(),
				"send_resume": '', // 投递简历
				"delivery_notes": '', // 投递备注
				"examine_state": "未审核",
				"examine_reply": "",
				"resume_delivery_id": 0,
			},

			// 表单字段
			form: {
				"enterprise_user": 0, // 企业用户
				"name_of_enterprise": '', // 企业名称
				"type_of_enterprise": '', // 企业类型
				"enterprise_address": '', // 企业地址
				"title_of_recruitment": '', // 招聘标题
				"post_classification": '', // 岗位分类
				"recruitment_salary": '', // 招聘薪资
				"recruitment_requirements": '', // 招聘要求
				"ordinary_user": 0, // 普通用户
				"user_name": '', // 用户姓名
				"name_of_college": '', // 学院名称
				"professional_name": '', // 专业名称
				"class_name": '', // 班级名称
				"delivery_time": new Date().getTime(),
				"send_resume": '', // 投递简历
				"delivery_notes": '', // 投递备注
				"examine_state": "未审核",
				"examine_reply": "",
				"resume_delivery_id": 0,
			},
			disabledObj: {
				"enterprise_user_isDisabled": false,
				"name_of_enterprise_isDisabled": false,
				"type_of_enterprise_isDisabled": false,
				"enterprise_address_isDisabled": false,
				"title_of_recruitment_isDisabled": false,
				"post_classification_isDisabled": false,
				"recruitment_salary_isDisabled": false,
				"recruitment_requirements_isDisabled": false,
				"ordinary_user_isDisabled": false,
				"user_name_isDisabled": false,
				"name_of_college_isDisabled": false,
				"professional_name_isDisabled": false,
				"class_name_isDisabled": false,
				"delivery_time_isDisabled": false,
				"send_resume_isDisabled": false,
				"delivery_notes_isDisabled": false,
			},

			// 用户列表
			list_user_enterprise_user: [],
			// 用户列表
			list_user_ordinary_user: [],

			// ID字段
			field: "resume_delivery_id",

			// 上传文件列表
			resumeFiles: [],

		}
	},
	methods: {
		formatDateValue(value) {
			const date = new Date(value);
			return `${date.getFullYear()}-${(date.getMonth() + 1).toString().padStart(2, '0')}-${date.getDate().toString().padStart(2, '0')}`;
		},
		async submit(param, func) {
			if (!param) {
				param = this.form;
			}
			var pm = this.events("submit_before", Object.assign({}, param)) || param;
			var msg = await this.events("submit_check", pm);
			var ret;
			if (msg) {
				this.$toast(msg, 'danger');
			} else {
				ret = this.events("submit_main", pm, func);
			}
			return ret;
		},

		/**
		 * 提交前验证事件
		 * @param {Object} 请求参数
		 * @return {String} 验证成功返回null, 失败返回错误提示
		 */
		submit_check(param) {
			if (!param.delivery_time) {
				return "投递时间不能为空";
			}
			return null;
		},
		/**
 * 获取企业用户用户列表
 */
		async get_list_user_enterprise_user() {
			var json = await this.$get("~/api/user/get_list?user_group=企业用户");
			if (json.result && json.result.list) {
				this.list_user_enterprise_user = json.result.list;
			}
			else if (json.error) {
				console.error(json.error);
			}
		},








		/**
* 获取普通用户用户列表
*/
		async get_list_user_ordinary_user() {
			var json = await this.$get("~/api/user/get_list?user_group=普通用户");
			if (json.result && json.result.list) {
				this.list_user_ordinary_user = json.result.list;
			}
			else if (json.error) {
				console.error(json.error);
			}
		},
		async get_user_session_ordinary_user() {
			var _this = this;
			var json = await this.$get("~/api/user_group/get_obj?name=普通用户");
			if (json.result && json.result.obj) {
				var source_table = json.result.obj.source_table;
				var user_id = _this.$store.state.user.user_id;
				if (user_id) {
					var url = "~/api/" + source_table + "/get_obj?"
					this.$get(url, { "user_id": _this.$store.state.user.user_id }, function (res) {
						if (res.result && res.result.obj) {
							var arr = []
							for (let key in res.result.obj) {
								arr.push(key)
							}
							var arrForm = []
							for (let key in _this.form) {
								arrForm.push(key)
							}
							_this.form["ordinary_user"] = user_id
							_this.disabledObj['ordinary_user' + '_isDisabled'] = true
							for (var i = 0; i < arr.length; i++) {
								if (arr[i] !== 'examine_state' && arr[i] !== 'examine_reply') {
									for (var j = 0; j < arrForm.length; j++) {
										if (arr[i] === arrForm[j]) {
											if (arr[i] !== "ordinary_user") {
												_this.form[arrForm[j]] = res.result.obj[arr[i]]
												_this.disabledObj[arrForm[j] + '_isDisabled'] = true
												break;
											}
										}
									}
								}
							}
						}
					});
				}
			}
			else if (json.error) {
				console.error(json.error);
			}
		},








		get_user_info(name, id) {
			var obj = null;
			if (name == 'enterprise_user') {
				obj = this.list_user_enterprise_user.getObj({ "user_id": id });
			}
			if (name == 'ordinary_user') {
				obj = this.list_user_ordinary_user.getObj({ "user_id": id });
			}
			var ret = "";
			if (obj) {
				ret = obj.nickname + "-" + obj.username;
			}
			return ret;
		},
		/**
		 * 简历上传前验证
		 */
		beforeResumeUpload(file) {
			// 允许的文件类型
			const allowedTypes = ['application/pdf', 'application/msword', 'application/vnd.openxmlformats-officedocument.wordprocessingml.document'];
			const isAllowedType = allowedTypes.includes(file.type);

			// 文件大小限制 (10MB)
			const isLt10M = file.size / 1024 / 1024 < 10;

			if (!isAllowedType) {
				this.$message.error('只能上传PDF/DOC/DOCX文件!');
				return false;
			}
			if (!isLt10M) {
				this.$message.error('文件大小不能超过10MB!');
				return false;
			}
			return true;
		},

		/**
		 * 自定义上传方法，使用项目的uploadFile方法
		 */
		handleCustomUpload({ file }) {
			// 直接使用项目已有的uploadFile方法，传入文件和字段名
			this.uploadFile(file, "send_resume");

			// 上传成功后更新文件列表显示
			setTimeout(() => {
				if (this.form.send_resume) {
					// 获取文件名
					const fileName = file.name || "简历文件";
					this.resumeFiles = [{
						name: fileName,
						url: this.form.send_resume
					}];
					this.$message.success('简历上传成功!');
				}
			}, 500);
		},

		/**
		 * 简历文件移除处理
		 */
		handleResumeRemove() {
			this.form.send_resume = '';
			this.$message.info('简历已移除');
		},

		/**
		 * 获取对象后的处理
		 */
		get_obj_after(json, func) {
			// 原有的处理保持不变

			// 如果有简历文件，添加到文件列表显示
			if (this.form.send_resume) {
				try {
					// 获取文件名
					const fileName = this.form.send_resume.substring(this.form.send_resume.lastIndexOf('/') + 1);
					this.resumeFiles = [{
						name: fileName,
						url: this.form.send_resume
					}];
				} catch (e) {
					console.error('处理文件名出错:', e);
				}
			}

			if (func) {
				func(json);
			}
		},
	},
	created() {
		this.get_list_user_enterprise_user();
		this.get_user_session_ordinary_user();
		this.get_list_user_ordinary_user();
	},
}
</script>

<style>
.diy_compute {
	line-height: 40px;
}

.diy_field.diy_img_multiple {
	margin: 0;
}

.diy_field.diy_img_multiple div {
	float: left;
	position: relative;
	margin: 0 10px 10px 0;
}

.diy_field.diy_img_multiple img {
	height: 100px;
	width: auto;
}

.diy_field.diy_img_multiple span {
	position: absolute;
	top: 5px;
	right: 5px;
	width: 20px;
	height: 20px;
	background: #0000008a;
	color: #fff;
	line-height: 20px;
	text-align: center;
	border-radius: 100%;
	cursor: pointer;
}

/* 上传组件样式 */
.upload-demo {
	margin-bottom: 15px;
}

.el-upload__tip {
	line-height: 1.2;
	margin-top: 5px;
	color: #909399;
}
</style>
